<template>
    <view>
        <uni-card :is-shadow="false">
            <uni-breadcrumb separator="       ">
                <uni-breadcrumb-item v-for="(route,index) in routes" :key="index" :to="route.to">
                    {{route.name}}
                </uni-breadcrumb-item>
            </uni-breadcrumb>
        </uni-card>
        <uni-card :is-shadow="false">
            <text class="hand">张小玲</text><text class="hands">♀</text><br>
            <text class="body">
                工号：20232023<br>

                学院：艺术学院<br>

                专业：艺术设计<br>

                联系电话：
            </text>
            <text class="bodys">1588888888</text><br>
            <text class="land">

                申请时间：2023-03-29 23:59:59<br>

                入队理由：一中校友，期望加入<hr>

            </text>
            <view class="button-container">

                <button @click="toApply" class="button" type="primary"><text
                        class="button-text">同意入队</text></button>

                <button @click="toApplydreason" class="buttons" type="primary"><text
                        class="button-text">不同意入队</text></button>

            </view>
        </uni-card>

        <uni-card :is-shadow="false">
            <text class="hand">王金金</text><text class="hands">♀</text><br>
            <text class="body">
                工号：20232023<br>

                学院：商学院<br>

                专业：营销管理<br>

                联系电话：
            </text>
            <text class="bodys">1588888888</text><br>
            <text class="land">

                申请时间：2023-03-29 23:59:59<br>

                入队理由：一中校友，期望加入<hr>

            </text>
            <view class="button-container">

                <button @click="toApply" class="button" type="primary"><text
                        class="button-text">同意入队</text></button>

                <button @click="toApplydreason" class="buttons" type="primary"><text
                        class="button-text">不同意入队</text></button>

            </view>
        </uni-card>

    </view>
</template>

<script>

export default {
    components: {},

    data() {
        return {
            routes: [
                {
                    to: "/pages/Student-captain/enlistment-approval/Pending-approval",
                    name: "待审批",
                },
                {
                    to:  "/pages/Student-captain/enlistment-approval/agree-join",
                    name: "同意入队",
                },
                {
                    to:"/pages/Student-captain/enlistment-approval/disagree-join",
                    name: "不同意入队",
                },
            ],
        };
    },
    methods:{
        toApply(){
            uni.navigateTo({
                url:"/pages/Student-captain/enlistment-approval/agree-join"
            })
        },
        toApplydreason(){
            uni.navigateTo({
                url:"/pages/Student-captain/reason/disagree-reason"
            })
        }
    }
};
</script>

<style>
.hand{
    width: 48px;
    height: 22px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 16px;
    line-height: 2;
    color: #212121;
    text-align: center;
}
.hands{
    width: 14px;
    height: 14px;
    color: #FF9494;
    background: #FFFFFF;
    text-align: center;
    line-height: 2;
}
.body{

    color: #575757;
    font-size: 15px;
    font-face: PingFangSC;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0;
    paragraph-spacing: 0;
    text-align: left;
}
.bodys{
    color: #166aff;
    font-size: 15px;
    font-face: PingFangSC;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0;
    paragraph-spacing: 0;
    text-align: left;
}
.land{
    width: 233px;
    height: 39px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 15px;
    color: #575757;
    line-height: 2;
}
.button-container {
    display: flex;
    justify-content: space-between; /* 可选：在按钮之间分配空间 */
    margin-top: 10px;

}
.button{
    width: 124px;
    height: 32px;
    background-image: linear-gradient(90deg, #6CA9FF 0%, #166AFF 100%);
    border-radius: 16px;
    margin-right: 10px; /* 可选：按钮之间的间距 */
    font-size: 16px;
    text-align: center;
    line-height: 2;
}
.buttons{
    width: 124px;
    height: 32px;
    background-image: linear-gradient(90deg, #FFB349 0%, #FF5E16 100%);
    border-radius: 16px;
    margin-right: 35px; /* 可选：按钮之间的间距 */
    font-size: 16px;
    text-align: center;
    line-height: 2;
}



</style>
